<template>
	<view class="uni-comment-list" :class="{'u-comment-list-child' : (item.fid > 0)}">
		<view class="uni-comment-face">
			<image :src="item.avatar" mode="widthFix" lazy-load></image>
		</view>
		<view class="uni-comment-body">
			<view class="uni-comment-top">
				<text>{{item.nickname}}</text>
			</view>
			<view class="uni-comment-content">{{item.data}}</view>
			<view class="uni-comment-date">
				<view>{{item.gstime}}</view>
				<view class="uni-comment-replay-btn">
					5回复
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item: Object,
			index: Number
		}
	}
</script>

<style scoped>
	.u-comment-list-child{
		padding: 20upx;
		background: #F4F4F4;
		border-bottom: 1upx solid #EEEEEE;
		box-sizing: border-box;
		margin: 0;
		margin-left: 70upx;
		width: auto;
	}
</style>
